<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="thx" uri="/thx-tags" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html>
<html lang="zh-cn">
	<head>
	    <meta charset="utf-8">
	    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	    <meta name="viewport" content="width=device-width, initial-scale=1">
	    <meta content="" name="description">
	    <!-- 双核浏览器 -->
	    <meta content="webkit" name="renderer">
	    <title></title>

	    <link href="${pageContext.request.contextPath}/css/font-awesome.min.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/ionicons.min.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/bootstrap.tooltip.extendtion.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/scripts/lib/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/scripts/lib/iCheck/all.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/scripts/lib/jquery.treegrid/css/jquery.treegrid.css" rel="stylesheet"/>
	   	<link href="${pageContext.request.contextPath}/scripts/lib/stream/css/stream-v1.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/AdminLTE/skins/skin-blue.min.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/AdminLTE/AdminLTE.min.css" rel="stylesheet"/>
	    <link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet"/>
	   	<link href="${pageContext.request.contextPath}/scripts/lib/stream/css/stream-v1.css" rel="stylesheet"/>

		<style type="text/css">
			.handle {
				background: #fff;
				width: 100%;
				height: 36px;
				line-height:36px;
				vertical-align:middle;
				position: fixed;
				z-index: 1;
			}
			.handle a {
				color: #666;
				margin: 5px;
			}
			.handle a span{
				margin: 0 2px;
			}
			.wrapper .content-wrapper .content .row .box .box-body .table-bordered th{
				width:130px;
				vertical-align:middle;
			}
			.wrapper .content-wrapper .content .row .box .box-body .table-bordered td{
				vertical-align:middle;
			}
			.form-part{
				border: 1px solid #f4f4f4;
				padding: 20px 20px 0px;
			}
			.top,.middle,.bottom{
			}
			.opinion-area {
				min-height:176px;
			}

.opinion-title {
	border-bottom: 1px solid #cccccc;
}

.opinion-title>span:hover{
	cursor:pointer;
	color:#d00000;
}

.opinion-list {

}

.opinion-item {
	width: 200px;
	height: 135px;
	float: left;
	padding-left: 20px;
}

.opinion-item:hover{
	background-color:#fffff0;
}

.opinion-item>div {
	width: 100%;
}

.opinion-content {
	text-align: left;
	height: 50px;
}

.opinion-signature {
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	font-weight: bold;
	color: #444;
	text-align: right;
}

.opinion-signature img {
	height: 50px;
	width: 100px;
}

.opinion-time {
	height: 20px;
	font-size: 10px;
	line-height: 10px;
	color: #444;
	text-align: right;
	margin-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.fontWeight{
	font-size: 16px;
	font-weight: bold;
}
		</style>

	</head>

	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">
			<header id="wf-toolbar" class="handle">
		    </header>
		    <div class="content-wrapper" style="margin-left: 0px; padding-top: 40px;">
		    	<section class="content" style="width: 70%;">
					<div class="row">
						<div class="col-md-12">
						   <div class="box" style="border-top: 3px solid #3c8dbc;">
						        <div class="box-header with-border" style="font-size:20px; font-weight:bolder;">
					           		人员需求
						        </div>
						        <div class="box-body no-padding">
						            <div class="row">
						                <div class="col-sm-12">
							                <form id="wf-form" enctype="multipart/form-data">
							                	<input type="hidden" name="workId" value="2c90d08b586606540158670e42e6000d"/>
						                		<input type="hidden" name="todoId" value="2c90d08b586606540158670e43b9000e"/>
								                <div class="form-part top">
								                    <table class="table table-bordered">
								                        <tr>
								                            <th>标题</th>
								                            <td colspan="3">
								                            	<div class="form-content">
									                            	<textarea class="form-control" required="true" name="workTitle" style="height: 34px;" >321456987</textarea>
									                            </div>
															</td>
								                        </tr>
								                        <tr>
								                            <th>发起人</th>
								                            <td>陈上远</td>
								                            <th>部门</th>
								                            <td>研发中心</td>
								                        </tr>
								                        <tr>
								                            <th>发起时间</th>
								                            <td>2016-10-31 17:03:30</td>
								                            <th>当前状态</th>
								                            <td><input type="text" name="" value="[起草:陈上远]" class="form-control" placeholder="" /></td>
								                        </tr>
								                    </table>
								        		</div>
								                <div class="form-part middle">
								                    <table class="table table-bordered ">
								                        <tr>
								                            <th>职位名称</th>
								                            <td>
									                            <div class="form-content">
									                            	<input type="text" name="c" class="form-control" required="true" number="true" placeholder="" value="" />
									                            </div>
								                            </td>
								                            <th>招聘人数</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="text" name="b" class="form-control" required="true" placeholder="" value="33"/>
									                            </div>
								                            </td>
								                        </tr>
								                        <tr>
								                            <th>学历要求</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="text" name="n" class="form-control" required="true" placeholder=""  value="Undergraduate"/>
									                            </div>
								                            </td>
								                            <th>专业要求</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="text" name="m" class="form-control" required="true" placeholder=""  value="software"/>
									                            </div>
								                            </td>
								                        </tr>
								                        <tr>
								                            <th>性别要求</th>
								                            <td>
								                            	<div class="form-content">
										                            <select name="z" class="form-control">
																		<option value="0">男</option>
																		<option value="1">女</option>
																	</select>
									                            </div>
								                            </td>
								                            <th>籍贯要求</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="radio" name="a" class="minimal-red" value="1" checked />是
																	<input type="radio" name="a" class="minimal-red" value="0" />否
									                            </div>
								                            </td>
								                        </tr>
								                        <tr>
								                            <th>工作经验要求</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="checkbox" name="l" class="minimal-red" required="true">一年
									                            	<input type="checkbox" name="l" class="minimal-red" checked >两年
									                            	<input type="checkbox" name="l" class="minimal-red" >三年
									                            </div>
								                            </td>
								                            <th>期望到岗时间</th>
								                            <td>
								                            	<div class="form-content">
										                            <input type="text" id="config-demo" name="k" value="" class="form-control" placeholder="选择日期" readonly="readonly">
									                            </div>
								                            </td>
								                        </tr>
								                        <tr>
								                            <th>工作职责要求</th>
								                            <td colspan="3"></td>
								                        </tr>
								                    </table>
								        		</div>
								        		<div class="form-part">
								        			<table class="table table-bordered">
								        				<tr>
								        					<td colspan="2" class="fontWeight">审批意见</th>
								        				</tr>
								        				<tr class="opinion-area">
								        					<th class="opinion-title">经理审批</th>
								        					<td class="opinion-list">
								        						<div class="opinion-item" id="8a87815558f1c38e0158f1f3cd3d0008"><div class="opinion-content">不同意</div><div class="opinion-signature"><img src="/web-simple/workflow/form/images/name.jpg"></div><div class="opinion-time">2016-12-12 15:34:06</div></div>
								        					</td>
								        				</tr>
								        				<tr class="opinion-area">
								        					<th class="opinion-title">总经理审批</th>
								        					<td class="opinion-list">
								        					</td>
								        				</tr>
								        			</table>
								        		</div>
								                <div class="form-part bottom">
								                    <table class="table table-bordered">
								                        <tr>
								                            <th>附件</th>
								                            <td>
								                            	<table class="table table-bordered" id="attachmentTable">
								                            		<thead>
												                        <tr>
												                            <th>附件名称</th>
												                            <th>上传者</th>
												                            <th>环节</th>
												                            <th>上传时间</th>
												                            <th>操作</th>
												                        </tr>
								                            		</thead>
								                            		<tbody></tbody>
											                    </table>
											                    <input name="uploadFileId" class="stream_upload" type="hidden"/>
								                            </td>
								                        </tr>
								                    </table>
								        		</div>
							        		</form>
						                </div>
						            </div>
						        </div>
						    </div>
						</div>
					</div>
				</section>
		    </div>
		</div>
		<!-- 集中存放校验错误提示信息 -->
		<div class="tooltip-danger"></div>
	</body>
	<script type="text/javascript">
        var ctxPath = "${pageContext.request.contextPath}";
    </script>
    <script src="${pageContext.request.contextPath}/scripts/lib/jquery/jquery.min.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/jquery-ui/jquery-ui-1.10.3.custom.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/bootstrap/bootstrap.min.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/dialog.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/util.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/progress-bar.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/global.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/shade-layer.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/loading.js" ></script>

	<script src="${pageContext.request.contextPath}/scripts/lib/slimScroll/jquery.slimscroll.min.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/adminLTE.min.js" ></script>

	<!-- 表单验证脚本开始-->
	<script src="${pageContext.request.contextPath}/scripts/lib/jquery-form/jquery.form.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/jquery-validation/jquery.validate.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/jquery-validation/extendValidate.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/form.js" ></script>
	<!-- 表单验证脚本结束-->

	<!-- ui插件开始-->
	<script src="${pageContext.request.contextPath}/scripts/lib/iCheck/icheck.min.js" ></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/treegrid/jquery.treegrid.js" ></script>
	<!-- ui插件结束-->

	<!-- bootstrap-daterangepicker插件开始-->
	<script src="${pageContext.request.contextPath}/scripts/lib/bootstrap-daterangepicker/moment.min.js"></script>
	<script src="${pageContext.request.contextPath}/scripts/lib/bootstrap-daterangepicker/daterangepicker.js"></script>
	<!-- bootstrap-daterangepicker插件结束-->

	<!--表单流转脚本开始-->
	<script src="${pageContext.request.contextPath}/workflow/form/js/event/SaveListener.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/event/SubmitListener.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/event/FlowLogListener.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/Module.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/ActorModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/OutComeModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/FormModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/Menu.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/ToolbarModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/ApprovalModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/AttachmentModule.js"></script>
	<script src="${pageContext.request.contextPath}/workflow/form/js/Engine.js"></script>
	<!--表单流转脚本结束-->

	<!-- stream上传组件脚本开始 -->
	<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/lib/stream/js/stream-v1.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath}/scripts/lib/stream/js/streamMiniExpand.js"></script>
	<!-- stream上传组件脚本结束 -->

	<script>

			//var engine = new Engine({"workId":"2c90d08b586606540158670e42e6000d","todoId":"2c90d08b586606540158670e43b9000e"});

			$(function() {
				//单选按钮初始化
				$('input[type="radio"]').iCheck({
					radioClass : 'iradio_flat-blue '
				});
				//复选按钮初始化
				$('input[type="checkbox"]').iCheck({
					checkboxClass : 'icheckbox_flat-blue ',
				});
				//日历组件初始化
				$('#config-demo').daterangepicker({
					"singleDatePicker": true,
				    "showDropdowns": true,
				    "opens": "left",
				    "locale": {
				        "format": "YYYY/MM/DD",
				        "separator": " - ",
				        "applyLabel": "应用",
				        "cancelLabel": "取消",
				        "fromLabel": "从",
				        "toLabel": "到",
				        "daysOfWeek": ['日', '一', '二', '三', '四', '五', '六'],
				        "monthNames": ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
				        "firstDay": 1
				    },
				}, function(start, end, label) {
				});

			});
	</script>
</html>
